<template>
  <div class="dashboard-editor-container">
    <el-row :gutter="10" style="background-color: #fff;margin: 10px;" class="chart-wrapper">
      <setMenu />
    </el-row>
    <el-row :gutter="10" style="margin:10px;background-color: #fff" class="chart-wrapper">
      <addServer />
    </el-row>
    <el-row :gutter="10" style="margin:10px;background-color: #fff" class="chart-wrapper">
      <download />
    </el-row>
  </div>
</template>

<script>
import setMenu from "./components/setMenu";
import addServer from "./components/addServer";
import download from "./components/download";

export default {
  components: {
    setMenu,
    addServer,
    download,
  },
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.dashboard-editor-container {
   background-color: #fcfcfc;
  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1024px) {
  .chart-wrapper {
    padding: 8px;
  }
}
</style>
